<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>登录页～</title>
  <link rel="stylesheet" href="../css/login.css">
</head>

<body>
  <div class="web">
    <h1>我是Login页</h1>
    <header>
      <nav>
        <ul>
          <li><a href="#">导航链接1</a></li>
          <li><a href="#">导航链接2</a></li>
          <li><a href="#">导航链接3</a></li>
          <li><a href="#">导航链接4</a></li>
          <li><a href="#">导航链接5</a></li>
          <li><a href="./index.html">Index</a></li>
        </ul>
      </nav>
    </header>
    <main>
      <fieldset>
        <legend>用户登录</legend>
        <span>账号:</span><input type="text" />
        <span>密码:</span><input type="password" />
        <button class="loginBtn">确认登录</button>
      </fieldset>
    </main>
    <footer>
      我是底部～
    </footer>
    <script src="../js/login.js"></script>
</body>

</html>